注意事项
之前的版本
第二版的chart.js在api方面和第一版完全不一样。
多数之前版本的一些选项在新版中都有与之对应或相同的选项。
使用最新版的Chart.js的时候请参考使用chartjs.org中的官方文档。
之前版本的官方文档也可以在github中找到。
浏览器支持
Chart.js适用于所有支持canvas的浏览器。
目前主流的移动浏览器已经对canvas提供了全面的支持。(http://caniuse.com/#feat=canvas)
感谢BrowserStack允许我们的团队在许多的浏览器中进行测试。
bugs与issues
如有问题,请在GitHub上进行反馈。请尽力提供问题示例或代码片段(jsbin)以及详细的问题描述。
贡献
我们欢迎大家对代码库做贡献,但请遵循如下规则:
- 利用tab键进行缩进,不要使用空格。
- 在/src文件中只修改单个文件。
- 检查你的代码确保执行gulp lint,保证代码能通过eslint代码标准。
- 检查你的代码确保执行gulp test,保证代码能通过测试。
- 保持请求的简洁,确保在相关文档中对新加入的功能进行描述
- 思考你的修改是否对库的所有使用者都有帮助,这样的修改是否更应该抽象成一个插件。
协议
Chart.js是开源的,遵循MIT协议。
图表库对比
Feature | Chart.js | D3 | HighCharts | Chartist |
---|---|---|---|---|
免费 | ✓ | ✓ | ✓ | |
Canvas | ✓ | |||
SVG | ✓ | ✓ | ✓ | |
内置图表 | ✓ | ✓ | ✓ | |
8种以上图标类型 | ✓ | ✓ | ✓ | |
图表可扩展 | ✓ | ✓ | ||
支持现代浏览器 | ✓ | ✓ | ✓ | ✓ |
文档资源充足 | ✓ | ✓ | ✓ | ✓ |
Open Source | ✓ | ✓ | ✓ | ✓ |
图表类别
Type | Chart.js | HighCharts | Chartist |
---|---|---|---|
混合类型 | ✓ | ✓ | |
线型 | ✓ | ✓ | ✓ |
柱状图 | ✓ | ✓ | ✓ |
水平柱状图 | ✓ | ✓ | ✓ |
饼图/环状图 | ✓ | ✓ | ✓ |
极地图 | ✓ | ✓ | |
雷达图 | ✓ | ||
散射图 | ✓ | ✓ | ✓ |
泡泡图 | ✓ | ||
间距图 | ✓ | ||
地图(温度图/柱状图等等) | ✓ |
热门插件
Chart.js还有很多插件为其提供额外的功能。下面列举了一些比较热门的插件。除此之外,你还可以在Chart.js GitHub organization上找到更多的插件。
- chartjs-plugin-annotation.js-在图表区域画线图和方形图
- chartjs-plugin-deferred.js-滚轮滑动到图表区域再进行图表加载(延迟加载)
- chartjs-plugin-draggable.js-使得被鼠标选中的图表可以被拖动
- chartjs-plugin-zoom.js-支持图表的缩放和平移
- Chart.BarFunnel.js-增加了一个漏斗型的图标类
- Chart.LinearGauge.js-增加了一个线性计量的图表类型
- Chart.Smith.js-增加了一个smith图表类型
热门扩展
在一些常用的框架中也可以使用Chart.js扩展。这里列举一些热门的框架和扩展。
Angular
React
Django
Ruby on Rails
Laravel
Vue.js